<template>
  <div class="hello">
    <h1>{{msg}}</h1>
    <img src="../assets/logo.png" alt=""/>
    <slot></slot>
    <group>
      <cell title="hello world" @click.native="alert"></cell>
    </group>
    <slot></slot>
    <x-button>点击</x-button>
    <slot></slot>
  </div>
</template>

<script>
import { Cell, XButton, Group } from 'vux'

export default {
  components: {
    Group,
    Cell,
    XButton
  },
  props: {
    msg: String
  },
  methods: {
    alert () {
      this.$vux.alert.show('hello')
    }
  }
}
</script>

<style scoped lang="less">
.hello {
  text-align: center;
}
</style>
